<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>授权失败</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f7f7f7; margin: 0; padding: 0; }
        .container { max-width: 400px; margin: 60px auto; background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); padding: 32px 24px; text-align: center; }
        .fail-icon { font-size: 48px; color: #e74c3c; margin-bottom: 16px; }
        .fail-title { font-size: 1.5em; color: #e74c3c; margin-bottom: 8px; }
        .fail-desc { color: #666; margin-bottom: 16px; }
        .retry-btn { display: inline-block; padding: 8px 24px; background: #e74c3c; color: #fff; border-radius: 5px; text-decoration: none; font-size: 1em; margin-top: 12px; transition: background 0.2s; }
        .retry-btn:hover { background: #c0392b; }
    </style>
</head>
<body>
    <div class="container">
        <div class="fail-icon">&#10060;</div>
        <div class="fail-title">授权失败</div>
        <div class="fail-desc">很抱歉，微信授权失败或发生错误，请重试。</div>
        <a class="retry-btn" href="/">返回首页</a>
    </div>
</body>
</html>